<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>layui.dtree帮助手册</title>
<link rel="stylesheet" href="../layui/css/layui.css">
<script type="text/javascript" src="../layui/layui.js"></script>

<link rel="stylesheet" href="../layui_ext/dtree/dtree.css">
<link rel="stylesheet" href="../layui_ext/dtree/font/dtreefont.css">

<link rel="stylesheet" href="log.css">
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
	.big{color:#FF5722;font-weight: bold;}
	.bug{font-weight: bold;}
</style>


</head>
<body>

	<div class="container">
		<div class="layui-row layui-col-space10">
			<div class="layui-fluid">
				<div class="div_h3title">
					<i class="dtreefont dtree-icon-fenguangbaobiao"></i>
					<span>dtree 数据树文档 - layui.dtree</span>
				</div>
			</div>
			
			<div class="layui-fluid">
				<blockquote class="layui-elem-quote">dtree-开发者日志。</blockquote>
				<blockquote class="layui-elem-quote">【大版本】：不建议覆盖升级，需要关注大改的地方！！！</blockquote>
				<blockquote class="layui-elem-quote">【非大版本】：可以覆盖升级。</blockquote>
				<blockquote class="layui-elem-quote">模块加载名称：dtree</blockquote>
			</div>
			
			<div class="layui-fluid">
				<ul class="layui-timeline">
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="020">v2.5.8(2020/?/?)【修复】【修复：3，优化：3】<a href="https://gitee.com/miniwatermelon/DTreeHelper" class="layui-btn layui-btn-sm layui-btn-normal">暂未发布，gitee抢先下载</a> <!--<a href="../version/dtree_v2.5.7_20200119.zip" class="layui-btn layui-btn-sm layui-btn-normal">下载</a>--></h3>
							<ul>
								<li class="bug">【修复】toolbar模块修复：默认编辑页面中，提交失败的问题。</li>
								<li class="bug">【修复】menubar模块修复：点击收缩节点按钮导致树数据节点错乱，重复加载节点的问题。</li>
								<li class="bug">【修复】基础数据模块修复：当复选框字段存在且传递数据为null的时候，解析失败的问题。</li>
								<li>【优化】异步模块优化：success回调函数现在可以存在返回值，返回的值为你重新设置的树的数据。</li>
								<li>【优化】toolbar模块优化：当toolbarShow设置为[]时，点击右键会出现一个白色的小框的问题。</li>
								<li>【优化】toolbar模块优化：点击pullup按钮导致树数据节点错乱，重复加载节点的问题。</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
						<!-- <a href="https://gitee.com/miniwatermelon/DTreeHelper" class="layui-btn layui-btn-sm layui-btn-normal">暂未发布，gitee抢先下载</a> -->
							<h3 class="layui-timeline-title" id="019">v2.5.7(2020/01/19)【优化】【修复：2，优化：15，新增：14】<a href="../version/dtree_v2.5.7_20200119.zip" class="layui-btn layui-btn-sm layui-btn-normal">下载</a></h3>
							<ul>
								<li class="bug">【修复】select模块修复：当设置默认值时，存在点击select面板后，默认值消失的问题。</li>
								<li class="bug">【修复】select模块修复：带复选框的下拉树设置默认值无效的问题。</li>
								<li class="bug">【修复】内置属性修复：修复response设置了checked和type映射却无效的问题。</li>
								<li>【优化】基础方法优化：success方法，新增一个入参，表示是否第一次渲染数据，并支持在增量加载时，加载子节点时也可以回调该方法。</li>
								<li>【优化】基础方法优化：done方法，新增一个入参，表示是否第一次渲染数据，并支持在增量加载时，在加载子节点时也可以回调该方法。</li>
								<li>【优化】异步加载优化：使用data加载，也会出现load效果。</li>
								<li>【优化】toolbar模块优化：当设置dataFormat时，默认的增删改数据中会出现dataFormat配置的元素，优化之后仅获取文字。</li>
								<li>【优化】select模块优化：自适应当前组件的位置，向上或向下展开树。</li>
								<li>【优化】内置方法优化：setDisabledNodes，现支持单个数据、带分隔符的字符串、数组。</li>
								<li>【优化】内置方法优化：cancelDisabledNodes，现支持单个数据、带分隔符的字符串、数组。</li>
								<li>【优化】内置方法优化：getDisabledNodesParam，现支持单个数据、带分隔符的字符串、数组。</li>
								<li>【优化】内置方法优化：setHideNodes，现支持单个数据、带分隔符的字符串、数组。</li>
								<li>【优化】内置方法优化：cancelHideNodes，现支持单个数据、带分隔符的字符串、数组。</li>
								<li>【优化】内置方法优化：getHideNodesParam，现支持单个数据、带分隔符的字符串、数组。</li>
								<li>【优化】内置方法优化：chooseDataInit，现支持单个数据、带分隔符的字符串、数组、二维数组（多级复选框）。</li>
								<li>【优化】内置方法优化：dataInit方法，仅支持一个节点改变背景色的优化。</li>
								<li>【优化】内置方法优化：init方法，入参新增一个异步加载完成后的回调函数，内部使用。</li>
								<li>【优化】内置方法优化：getChild方法，入参新增一个异步加载完成后的回调函数，内部使用。</li>
								<li>【新增】基础方法新增：getCheckbarJsonArrParam，获取基于返回参数的树的复选框参数，选中数据横向存储</li>
								<li>【新增】基础方法新增：beforeSend，异步加载发送ajax请求之前的回调</li>
								<li>【新增】基础方法新增：serialize，序列化JSON对象</li>
								<li>【新增】基础属性新增：asyncLoad，异步加载初始加载层级树组</li>
								<li>【新增】基础属性新增：selectCardHeight，树面板的高度</li>
								<li>【新增】内置函数新增：fuzzySearch，模糊查询，搜索节点，保留父节点。</li>
								<li>【新增】内置方法新增：loadTreeInit，初始化加载树</li>
								<li>【新增】内置方法新增：loadChildTreeInit，初始化加载子节点</li>
								<li>【新增】内置方法新增：dataLoadTree，用data加载树</li>
								<li>【新增】内置方法新增：asyncLoadTree，异步加载树</li>
								<li>【新增】内置方法新增：setDisabledNode，设置单个节点的禁用</li>
								<li>【新增】内置方法新增：cancelDisabledNode，设置单个节点的取消禁用</li>
								<li>【新增】内置方法新增：setHideNode，设置单个节点的隐藏</li>
								<li>【新增】内置方法新增：cancelHideNode，设置单个节点的取消隐藏</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="018">v2.5.6(2019/10/24)【新增】【修复：1，优化：3，新增：12】<a href="../version/dtree_v2.5.6_20191024.zip" class="layui-btn layui-btn-sm layui-btn-normal">下载</a></h3>
							<ul>
								<li class="bug">【修复】标签属性修复：ul标签上data-value属性设置无效的问题</li>
								<li>【优化】数据格式:获取格式中的basicData和recordData将提前转化为JSON格式，不在需要手动转换。</li>
								<li>【优化】基础方法优化：render，支持加载下拉树</li>
								<li>【优化】基础方法优化：reload，支持重载下拉树</li>
								<li>【新增】基础属性新增：bak，内置属性，备份Html。</li>
								<li>【新增】事件监听：changeSelect，下拉树面板开闭状态改变后，触发事件。</li>
								<li>【新增】内置方法新增：rollbackHtml，基于备份的Html数据回滚</li>
								<li>【新增】内置方法新增：setDisabledAllNodes，设置全部节点为disabled</li>
								<li>【新增】内置方法新增：reloadSelectSetting，重新设置下拉树的基本参数</li>
								<li>【新增】内置方法新增：reloadSelectDom，重新渲染下拉树的Dom结构</li>
								<li>【新增】内置方法新增：selectCheckboxVal，设置复选框模式中的下拉树的值</li>
								<li>【新增】内置方法新增：getCheckbarJsonArrParam，获取基于返回参数的树的复选框参数数组</li>
								<li>【新增】内置方法新增：checkAllNode，复选框全选</li>
								<li>【新增】内置方法新增：cancelCheckedNode，取消全部复选框选中</li>
								<li>【新增】内置方法新增：invertCheckedNode，反选复选框</li>
								<li>【新增】内置方法新增：removeCheckedNode，删除选中节点</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="017">v2.5.5(2019/10/12)【新增】【修复：1，优化：7，新增：14，更新：1】<a href="../version/dtree_v2.5.5_201910122222.zip" class="layui-btn layui-btn-sm layui-btn-normal">下载</a></h3>
							<ul>
								<li class="bug">【修复】内置方法修复：partialRefreshEdit，支持修改parentId后及时返显到下挂节点</li>
								<li>【优化】单页模式中树的缓存问题</li>
								<li>【优化】基础属性优化，开启line时，toolbar的fixed显示不正常</li>
								<li>【优化】基础属性优化，开启line时，div选中 悬停背景对齐</li>
								<li>【优化】基础方法优化：success方法的放置位置，可以将不同的数据格式在success方法内做转换，或添加根节点。</li>
								<li>【优化】iframe模块优化：将原来用iframe包住的属性提出，撤销iframe这一层。</li>
								<li>【优化】内置属性优化：toolbarScroll属性更名为scroll。</li>
								<li>【优化】内置方法优化：当异步加载出现异常时，以文字形式而非弹框形式提示。</li>
								<li>【新增】标签属性新增：ul标签上新增data-value属性，用于指定下拉树的初始展示值</li>
								<li>【新增】基础属性新增：width，设置树的宽度。</li>
								<li>【新增】基础属性新增：withCredentials，用于开启生成跨域的XHR对象，设置后可指定同源session，默认false。</li>
								<li>【新增】基础属性新增：select，设置树模式为下拉树</li>
								<li>【新增】基础属性新增：selectTips，设置下拉树时的输入框提示文字</li>
								<li>【新增】基础属性新增：selectInputName，设置下拉树内部表单标签的name</li>
								<li>【新增】基础属性新增：selectInitVal，设置下拉树的初始展示值</li>
								<li>【新增】基础方法新增：renderSelect，初始化下拉树</li>
								<li>【新增】基础方法新增：set，与table组件的set概念一致。同一次引用中，dtree的公共属性指定，所有基础属性都可以指定。</li>
								<li>【新增】基础方法新增：selectVal，设置下拉树的初始展示值</li>
								<li>【新增】内置方法新增：selectVal，设置下拉树的初始展示值</li>
								<li>【新增】内置方法新增：selectSetting，设置下拉树的初始元素</li>
								<li>【新增】内置方法新增：renderSelectDom，渲染下拉树的Dom结构</li>
								<li>【新增】内置方法新增：clickNodeCheckbar，点击节点选中复选框</li>
								<li>【更新】内置方法更新：getNoneDom方法，添加errText子方法，显示错误信息。</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="015">v2.5.4(2019/6/14)【修复】【优化：3，新增：3，更新：2，移除：2】</h3>
							<ul>
								<li class="bug">【修复】内置方法中，使用jquery的data()获取值不到的问题。</li>
								<li>【优化】基础属性优化：ficon，可以设置Array型数据，与icon的配置方式相同</li>
								<li>【优化】基础属性优化：skin，其中设置layui看起来更像layui的风格，新增laySimple风格，遵从简约版layui树形菜单。</li>
								<li>【优化】内置方法优化：涉及样式的一系列内置方法优化</li>
								<li>【新增】基础属性新增：基础属性新增：height，调整高度，与table组件用法一致</li>
								<li>【新增】基础属性新增：response中新增ficonClass，可以指定一级图标样式。</li>
								<li>【新增】内置方法新增：cancelNavThis，取消选中div。</li>
								<li>【更新】内置方法更新：parseData：增加对ficonClass属性的解析。</li>
								<li>【更新】内置方法更新：changeCheck，可以通过传递参数的方式传递复选框dom。</li>
								<li>【移除】基础属性移除：dot，移除一级图标小圆点的单独设置，改为在ficon中配置，与icon的配置方式相同</li>
								<li>【移除】基础属性移除：firstIconArray，与nodeIconArray合并。</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="014">v2.5.0(2019/06/01)【适配】【适配：1，修复：2，优化：1，新增：3】</h3>
							<ul>
								<li>【适配】对layui2.5适配</li>
								<li class="bug">【修复】基础属性修复，error方法，现在可以正确的获取参数列表中的参数，如无定义则默认打印textStatus。</li>
								<li class="bug">【修复】基础属性修复，complete方法，现在可以正确的获取参数列表中的参数</li>
								<li>【优化】一系列内置方法优化</li>
								<li>【新增】基础属性新增：line，用于指定树线</li>
								<li>【新增】内置方法新增：showLine：用于显示树线</li>
								<li>【新增】内置方法新增：showLineLi：作用在单个LI显示树线</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="013">v2.5.0(2019/05/20)【大版本】【大改：5，修复：4，优化：3，新增：58，更新：3】</h3>
							<ul>
								<li class="big">【大改】数据格式:reponse中isLast属性更换为last属性。</li>
								<li class="big">【大改】数据格式:reponse中isChecked属性更换为checked属性。</li>
								<li class="big">【大改】数据格式:defaultRequest中isLeaf属性更换为leaf属性。</li>
								<li class="big">【大改】数据格式:defaultRequest中isChecked属性更换为checked属性。</li>
								<li class="big">【大改】内置属性:record开启后，原来记录节点的全部数据（排除children和basicData）改为只记录用户自定义的数据（同样排除children和basicData）</li>
								<li class="bug">【修复】toolbar模块修复：自定义的toolbar的回调函数的第二个$div参数修复，现在可以取到值</li>
								<li class="bug">【修复】toolbar模块修复：内置函数：changeTreeNodeEdit中的title未定义的问题。</li>
								<li class="bug">【修复】menubar模块修复：将dtree放在form中，menubar的默认按钮单击之后会提交表单的问题。</li>
								<li class="bug">【修复】iframe模块修复：配置了iframeDefaultRequest时，只会显示iframeDefaultRequest中的参数的问题。</li>
								<li>【优化】toolbar模块优化：内置的三个按钮中的label均加上title提示</li>
								<li>【优化】基础方法优化：render方法和reload方法中，如果树在当前页面中被加载过一次了，再次加载会从缓存中取出树，并将树上次点击的节点作为参数记录下来，现在优化为还是从缓存中取，但是会重置上次记录的参数。</li>
								<li>【优化】内置函数优化：getLiItemDom 当parentId为0时组件自动判定为false从而使用内置parentId的问题。</li>
								<li>【新增】基础属性新增：iconfont属性，用于定义使用图标数组或string</li>
								<li>【新增】基础属性新增：iconfontStyle属性，用于自定义树的每个关键部位使用的图标</li>
								<li>【新增】基础属性新增：accordion属性，用于开启手风琴模式</li>
								<li>【新增】基础属性新增：contentType属性，用于可以显示配置发送信息至服务器时内容编码类型</li>
								<li>【新增】基础属性新增：response属性中新增disabled，标识节点禁用。</li>
								<li>【新增】基础属性新增：response属性中新增hide，标识节点隐藏。</li>
								<li>【新增】基础属性新增：formatter属性，用于对树展示节点的文字信息格式化处理。</li>
								<li>【新增】基础属性新增：errDataShow属性，标识是否在递归数据出现错误后，显示错误信息。</li>
								<li>【新增】基础属性新增：none，用于定于树初始化未加载节点时的提示文字。</li>
								<li>【新增】基础属性新增：error：用于异步加载中出现异常时的用户自定义函数</li>
								<li>【新增】基础属性新增：complete：用于异步加载全部完成后用户的自定义函数</li>
								<li>【新增】基础方法新增：getParam： 获取指定节点选中值</li>
								<li>【新增】基础方法新增：getAllParentParam： 获取指定节点的全部上级节点</li>
								<li>【新增】基础方法新增：initNoAllCheck： 复选框半选状态初始化设置</li>
								<li>【新增】基础方法新增：initAllCheck： 复选框选中状态初始化设置</li>
								<li>【新增】基础方法新增：click：模拟单击事件</li>
								<li>【新增】checkbar模块新增：checkbarData新增属性："halfChoose"，用于记录选中和半选中的数据</li>
								<li>【新增】menubar模块新增：menubar内置新增三个默认方法：checkAll：全选，unCheckAll：全不选，invertAll：反选</li>
								<li>【新增】toolbar模块新增：toolbar内置新增两个默认方法：pulldown：展开当前节点下的全部节点，pullup：收缩当前节点下的全部节点</li>
								<li>【新增】toolbar模块新增：toolbar新增属性：toolbarWay，工具栏显示方式，contextmenu:右键，follow:跟随节点，fixed:固定在节点右侧</li>
								<li>【新增】toolbar模块新增：toolbarBtn中新增一系列的属性（id、placeholder、verify、defElem、readonly、disabled、filter）</li>
								<li>【新增】toolbar模块新增：toolbarBtn中,optionsData支持使用function回调</li>
								<li>【新增】内置属性新增：errData属性，记录在渲染节点时有问题的数据。</li>
								<li>【新增】内置属性新增：usefontStyle属性，用于最终指定树的每个关键部位使用的图标</li>
								<li>【新增】内置方法新增：replaceDom：替换节点的dom值，或指定值。</li>
								<li>【新增】内置方法新增：partialRefreshAdd：局部刷新树--当前节点新增子节点时</li>
								<li>【新增】内置方法新增：partialRefreshEdit：局部刷新树--当前节点选中时</li>
								<li>【新增】内置方法新增：partialRefreshDel：局部刷新树--当前节点选中被删除时</li>
								<li>【新增】内置方法新增：ensureTheme：确认最终主题。</li>
								<li>【新增】内置方法新增：useDefaultOrUserDefineFnodeStyle：赋值一级图标</li>
								<li>【新增】内置方法新增：useDefaultOrUserDefineSnodeStyle：赋值二级图标</li>
								<li>【新增】内置方法新增：useDefaultOrUserDefineCheckboxStyle：赋值复选框图标</li>
								<li>【新增】内置方法新增：useDefaultOrUserDefineMenubarStyle：赋值菜单栏图标</li>
								<li>【新增】内置方法新增：useDefaultOrUserDefineMenubarExtStyle：赋值扩展菜单栏图标</li>
								<li>【新增】内置方法新增：useDefaultOrUserDefineToolbarStyle：赋值扩展菜单栏图标</li>
								<li>【新增】内置方法新增：useDefaultOrUserDefineToolbarExtStyle：赋值扩展工具栏图标</li>
								<li>【新增】内置方法新增：operateIcon： 设置图标的展开关闭，以及展开时/关闭时是最后一级图标的处理</li>
								<li>【新增】内置方法新增：msgErrData： 判断在数据加载时是否存在错误数据，并是否打印错误数据</li>
								<li>【新增】内置方法新增：getParam： 获取指定节点选中值</li>
								<li>【新增】内置方法新增：getAllParentParam： 获取指定节点的全部上级节点</li>
								<li>【新增】内置方法新增：getNodeDom： 根据具体的id获取基于当前id的div以及对应的其他dom元素</li>
								<li>【新增】内置方法新增：getNode： 获取指定节点Div</li>
								<li>【新增】内置方法新增：accordionUL： 开启手风琴模式时对其他节点的处理</li>
								<li>【新增】内置方法新增：setDisabledNodes： 设置节点为disabled</li>
								<li>【新增】内置方法新增：cancelDisabledNodes：将节点的disabled取消</li>
								<li>【新增】内置方法新增：getDisabledNodesParam： 获取指定disabled节点的值</li>
								<li>【新增】内置方法新增：getAllDisabledNodesParam： 获取全部disabled节点的值</li>
								<li>【新增】内置方法新增：setHideNodes： 设置节点为hide</li>
								<li>【新增】内置方法新增：cancelHideNodes： 将节点的hide取消</li>
								<li>【新增】内置方法新增：getHideNodesParam： 获取指定hide节点的值</li>
								<li>【新增】内置方法新增：getAllHideNodesParam： 获取全部hide节点的值</li>
								<li>【新增】内置方法新增：toolbarHide：隐藏toolbar</li>
								<li>【新增】内置方法新增：toolbarMethod：toolbar内置方法</li>
								<li>【新增】内置方法新增：toolbarListener：toolbar内置监听</li>
								<li>【新增】内置方法新增：getNowNodeOrNull：获取当前选中div，没有选中则为null</li>
								<li>【新增】内置方法新增：navThis：选中div</li>
								<li>【新增】内置方法新增：getNoneDom：当无节点数据时显示dom信息</li>
								<li>【新增】内置方法新增：dynamicToolbarDom：在节点后动态绑定fixed和follow条件的工具栏</li>
								<li>【更新】内置方法更新：setToolbarDom，设置工具栏按钮，现在区别开来哪种toolbar的创建方式</li>
								<li>【更新】内置方法更新：changeTreeNodeAdd新增一个回传参数：refresh，用于新增完成后，局部刷新</li>
								<li>【更新】内置方法更新：parseData新增一个回传参数：fmtTitle，用于获取formatter标记过的内容，原来的title函数只获取原始title信息</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="012">v2.4.5_finally(2018/12/22)【修复：1，优化：2】</h3>
							<ul>
								<li class="bug">【修复】单页应用中，未开始toolbar导致body上的所有事件失效。</li>
								<li>【优化】更新dist文件夹中的dtree压缩</li>
								<li>【优化】toolbar模块优化:新增节点时，当开启了record参数时不会将参数新增到节点上的问题。</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="011">v2.4.5_finally(2018/12/21)【优化：6，新增：6】</h3>
							<ul>
								<li>【优化】menubar模块优化:点击收缩时，当前页的所有树都收缩的问题。</li>
								<li>【优化】menubar模块优化:点击删除复选框时，展开和收缩节点会报错，现在改为删除的节点如果有子集的话，子集会一并删除，但是回调函数中只会提供你勾中的数据。</li>
								<li>【优化】基础方法优化:dataInit方法回显数据时，当前选中的数据无法被获取到的问题。</li>
								<li>【优化】基础方法优化:parseData方法的basicData()方法，basicData如果未指定，前端的该项属性无数据，而不是""</li>
								<li>【优化】异步属性优化:使用data加载时，可以允许指定的data为[]。</li>
								<li>【优化】异步属性优化:使用data加载时，现在也有success和done的回调</li>
								<li>【新增】checkbar模块新增：checkbarType新增属性："only"，用于模拟单选，只能同时选择一个复选框。</li>
								<li>【新增】异步回调方法新增:新增success回调，用于数据加载完毕后的回调，在done之前执行</li>
								<li>【新增】异步属性新增:filterRequest属性，用于过滤树自动发起的请求中你不需要的参数。</li>
								<li>【新增】基础属性新增：record属性，开启数据记录模式，用于记录用户提供的JSON数据串中，指定当前节点的JSON数据（排除basicData字段和children字段）</li>
								<li>【新增】基础属性新增：load属性，是否开启加载遮罩。</li>
								<li>【新增】内置函数新增：getFilterRequestParam，获取filterParam过滤后的requestParam</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="010">v2.4.5_finally_beta(2018/12/07)【大改：7，修复：3，优化：4，新增：16，移除：7】</h3>
							<ul>
								<li class="big">【大改】css：css样式均加上dtree前缀。</li>
								<li class="big">【大改】图标：iconfont更改为dtreefont。</li>
								<li class="big">【大改】事件监听：图标点击事件返回的参数改为一个JSON对象，具体查看基础文档的事件监听。</li>
								<li class="big">【大改】事件监听：节点点击事件返回的参数改为一个JSON对象，具体查看基础文档的事件监听。</li>
								<li class="big">【大改】事件监听：节点双击事件返回的参数改为一个JSON对象，具体查看基础文档的事件监听。</li>
								<li class="big">【大改】事件监听：复选框点击事件返回的参数改为一个JSON对象，具体查看基础文档的事件监听。</li>
								<li class="big">【大改】事件监听：iframe加载完毕事件返回的参数改为一个JSON对象，具体查看基础文档的事件监听。</li>
								<li class="bug">【修复】数据格式:在开启了list风格参数时，修复必须指定isLast返回的问题和设置initLevel无效的问题。</li>
								<li class="bug">【修复】toolbar模块:新增节点返回json格式后显示数据未定义的问题。</li>
								<li class="bug">【修复】单页应用中toolbar、menubar显示的bug。</li>
								<li>【优化】优化了图标显示。</li>
								<li>【优化】数据格式:默认数据格式中非必须指定isLast属性，移除level属性的作用。</li>
								<li>【优化】toolbar模块:单页应用中，右键菜单的显示位置问题。</li>
								<li>【优化】menubar模块:在开启了toolbar模块时按钮点击失效的问题。</li>
								<li>【优化】iframe模块:iframeuUrl指定了"?"时，实际发送的url会出现两个"?"的问题。</li>
								<li>【新增】提供的内容中新增dist/dtree.js压缩js文件。</li>
								<li>【新增】基础方法新增：getChildParam,获取全部下级节点</li>
								<li>【新增】menubar模块新增：menubarTips属性,用于指定menubar的依附方式。</li>
								<li>【新增】toolbar模块新增：toolbarFun新增loadToolbarBefore函数，用于呈现右键菜单之前调用的函数。</li>
								<li>【新增】内置函数新增：initTreePlus 用于初始化菜单栏和工具栏的div。</li>
								<li>【新增】内置函数新增：openTreePlus 用于开启工具栏和菜单栏。</li>
								<li>【新增】内置函数新增：getMenubarDom 用于获取菜单栏。</li>
								<li>【新增】内置函数新增：getExtMenubarDom 用于获取扩展菜单栏。</li>
								<li>【新增】内置函数新增：getMenubarToolDom 用于获取依附在工具栏的菜单栏。</li>
								<li>【新增】内置函数新增：getExtMenubarToolDom 用于获取依附在工具栏的扩展菜单栏。</li>
								<li>【新增】内置函数新增：menubarMethod 用于menubar内置调用方法。</li>
								<li>【新增】内置函数新增：menubarListener 用于menubar内置监听。</li>
								<li>【新增】内置函数新增：setToolbarDom 用于设置工具栏按钮。</li>
								<li>【新增】内置函数新增：unbindBrowserEvent 用于解绑浏览器事件。</li>
								<li>【新增】内置属性新增：response属性中新增spread。</li>
								<li>【移除】内置函数移除：refreshTree，现放置在menubarMethod方法中。</li>
								<li>【移除】内置函数移除：openAllNode，现放置在menubarMethod方法中。</li>
								<li>【移除】内置函数移除：closeAllNode，现放置在menubarMethod方法中。</li>
								<li>【移除】内置函数移除：openMenubar。</li>
								<li>【移除】内置函数移除：openToolbar。</li>
								<li>【移除】内置属性移除：level。</li>
								<li>【移除】内置属性移除：response属性中移除level。</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="009">v2.4.5(2018/11/30)【修复：3，优化：1，新增：2】</h3>
							<ul>
								<li class="bug">【修复】基础方法修复：dataInit方法的返回数据异常。</li>
								<li class="bug">【修复】基础方法修复：render函数自动识别是否重载树，代码再次修复(针对单页应用)。</li>
								<li class="bug">【修复】toolbar模块:拼接新增节点内容的代码异常 。</li>
								<li>【优化】checkbar模块：checkArr属性支持传递字符串。 </li>
								<li>【新增】内置函数新增：refreshTree,用于刷新树。</li>
								<li>【新增】内置函数新增：parseData 用于解析数据。</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="008">v2.4.5(2018/11/25)【修复：2，优化：1】</h3>
							<ul>
								<li class="bug">【修复】基础方法修复：render函数自动识别是否重载树，代码修复。</li>
								<li class="bug">【修复】内部修复：内部代码bug。</li>
								<li>【优化】toolbar模块：修改了右键菜单弹出的动画效果。</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="007">v2.4.5(2018/11/25)【优化：3，新增：7】</h3>
							<ul>
								<li>【优化】css：优化了图标显示。</li>
								<li>【优化】基础方法优化：render函数自动识别是否重载树。</li>
								<li>【优化】内部优化：内部代码优化。</li>
								<li>【新增】图标：内置图标新增。</li>
								<li>【新增】样式属性新增：ficon，用于用户自定义一级图标</li>
								<li>【新增】样式属性新增：firstIconArray属性，用于用户自定义扩展一级图标</li>
								<li>【新增】异步模块新增：headers属性。</li>
								<li>【新增】toolbar模块新增：toolbarExt属性，用于自定义扩展工具栏右键菜单按钮</li>
								<li>【新增】checkbar模块新增：checkbarFun中的回调方法：chooseBefore，用于复选框点击前回调</li>
								<li>【新增】内置函数新增：changeCheck,用于改变复选框状态。</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="006">v2.4.5(2018/11/23)【修复：3，优化：5，新增：6】</h3>
							<ul>
								<li class="bug">【修复】toolbar模块修复：点击删除按钮时，控制台报错。</li>
								<li class="bug">【修复】toolbar模块修复：配置了dot:false时，新增节点后一级图标不显示的问题。</li>
								<li class="bug">【修复】内置函数优化：initNoAllCheck，修复了显示bug</li>
								<li>【优化】toolbar模块优化：点击删除时，当删除了某个节点下的最后一个子节点，那该节点也会改变样式变成叶子节点。</li>
								<li>【优化】toolbar模块优化:addTreeNode方法优化，ajax请求不限于同步，方法无需返回</li>
								<li>【优化】toolbar模块优化:editTreeNode方法优化，ajax请求不限于同步，方法无需返回</li>
								<li>【优化】toolbar模块优化:delTreeNode方法优化，ajax请求不限于同步，方法无需返回</li>
								<li>【优化】toolbar模块优化:editTreeLoad方法优化，ajax请求不限于同步，方法无需返回</li>
								<li>【新增】内置函数新增：initAllCheck，复选框选中状态初始化设置</li>
								<li>【新增】内置函数新增：checkStatus，设置复选框选中/未选中/半选</li>
								<li>【新增】内置函数新增：changeTreeNodeAdd，新增节点后改变节点内容</li>
								<li>【新增】内置函数新增：changeTreeNodeEdit，编辑节点后改变节点内容</li>
								<li>【新增】内置函数新增：changeTreeNodeDel，删除节点后改变节点内容</li>
								<li>【新增】内置函数新增：changeTreeNodeDone，编辑页打开后显示编辑页内容</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="005">v2.4.5(2018/11/22)【修复：2，新增：2，移除：1】</h3>
							<ul>
								<li class="bug">【修复】基础方法修复：reload时，使用data属性会造成数据重复加载问题。</li>
								<li class="bug">【修复】异步模块修复：reponse字段中，spared修改为spread（之前单词拼错了。。。。）。</li>
								<li>【新增】toolbar模块新增：toolbarStyle属性，用于自定义toolbar的显示文字，弹框大小。</li>
								<li>【新增】样式属性新增：skin,用于用户自定义主题。</li>
								<li>【移除】基础属性移除：addIndex属性。</li>
							</ul>
						</div>
					</li>
					
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="004">v2.4.5(2018/11/21)【修复：2，优化：1，新增：1】</h3>
							<ul>
								<li class="bug">【修复】数据属性修复：使用dataFormat属性时，直接使用data属性配置节点内容失效的问题。</li>
								<li class="bug">【修复】数据属性修复：parentId为null导致节点数据加载失效的问题。</li>
								<li>【优化】基础方法优化：反选节点时将选中哪一级的节点展开，单选和多选均生效。</li>
								<li>【新增】样式属性新增：dot，用于用户自定义一级图标中的小圆点是否显示。</li>
							</ul>
						</div>
					</li>
					
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="003">v2.4.5(2018/11/21)【新增】</h3>
							<ul>
								<li>【新增】toolbar模块新增：开始绑定右键点击事件。</li>
								<li>【新增】toolbar模块新增：toolbarScroll，用于绑定树的上级div容器，让树可以显示滚动条的div容器，右键菜单绑定必填项。</li>
								<li>【新增】toolbar模块新增：编辑页数据回显功能。</li>
								<li>【新增】内置属性新增：树加载完毕后的回调函数</li>
								<li>【新增】数据属性新增：dataStyle，用于用户配置layui通用的json数据风格</li>
								<li>【新增】数据属性新增：dataFormat，用于用户自定义data中的数据格式（即支持传入一个大的list）</li>
							</ul>
						</div>
					</li>
					
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="002">v2.4.5(2018/11/09)【优化】</h3>
							<ul>
								<li>【优化】图标：图标库，精简了图标(60个)</li>
							</ul>
						</div>
					</li>
					
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title" id="001">v2.4.5(2018/11/09)【初始】</h3>
							<ul>
								<li>【初始】基本树形展示，无限级，支持自定义修改树的展示图标</li>
								<li>【初始】支持异步/同步数据加载，支持静态数据加载，支持数据缓存</li>
								<li>【初始】支持自定义返回json格式，支持自定义异步/同步加载参数</li>
								<li>【初始】支持复选框，1-N级，支持复选框的四种选中形式，支持记录复选框选中/更改数据的回调</li>
								<li>【初始】支持工具栏，即可直接修改当前树节点，新增/ 编辑/删除等</li>
								<li>【初始】支持菜单栏，即可直接对树进行全部节点展开/收缩、删除全部选中节点、刷新树、搜索树等</li>
								<li>【初始】支持加载iframe，即点击树节点时，可以带上一个访问iframe的url，这个设计在左树右内容风格的页面极为有用</li>
								<li>【初始】支持数据回调，单击节点回调、双击节点回调、复选框选中回调、iframe加载完毕回调等</li>
								<li>【初始】支持数据获取，即获取当前选中节点数据，当前选中复选框节点数据等</li>
								<li>【初始】支持数据反显，即加载树之后将需要反显的节点高亮显示或选中</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			
			<div class="layui-fluid">
				<blockquote class="layui-elem-quote">dtree开发者文档，只为遇见更好的你。</blockquote>
			</div>
		</div>
	</div>

</body>
<script type="text/javascript" src="log.js"></script>
<script type="text/javascript">
	layui.extend({
		dtree: '{/}../layui_ext/dtree/dtree'												//实际情况下将该路径指定为自己的路径
	}).use(['element','layer', 'table', 'code' ,'util', 'dtree'], function(){
		var element = layui.element,
			layer = layui.layer,
			table = layui.table,
			util = layui.util,
			dtree = layui.dtree,
			$ = layui.$;
		
		layui.code();	// 代码修饰器
		util.fixbar();	// 置顶按钮
		
		// 右侧弹出层
		layer.open({
			type: 1,
			title: "目录",
			content: '<ul id="menuTree" class="dtree" data-id="menuTree" style="width:210px;"></ul>',
			area:["220px", "500px"],
			offset:["50px","83%"],
			resize: false,
			shade: 0,
			success: function(layero, index){
				var DTree = dtree.render({
					elem: "#menuTree",
					data: menuTree,
					type: "all",
					icon: "-1",
					initLevel: "3",
					formatter: {
						title: function(data) {
							var tt = data.title;
							var tts = ["v2.5.5(2019/10/24)【新增】"];
							for(var i=0; i<tts.length; i++) {
								if(tt == tts[i]) {
									tt += "&nbsp;<span class='layui-badge-dot'></span>";
								}
							}
							return tt;
						}
					}
				});
				
				dtree.on('node("menuTree")', function(obj){
					var nodeId = obj.param.nodeId;
					$("html, body").animate({ scrollTop: $("#"+nodeId).offset().top-50 }, {duration: 500,easing: "swing"});
				});
			}
		});
		
	});
</script>
</html>